<template>
  <div style="display: flex;color:#3A84FFFF;border-bottom:1px solid #B7CDF1FF" :style="{'font-weight': bold? 'bold' : 'normal'}">
    <div style="width:100px;text-align:center;border-right:1px solid #B7CDF1FF;padding:10px;">{{title}}:</div>
    <div style="width:calc(100% - 100px);padding:10px;">
      <slot name="content">{{content}}</slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: String,
    content: String,
    bold: {
      type: Boolean,
      default: false,
    },
  },
}
</script>